<?php if (!defined('THINK_PATH')) exit();?><!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="/public/statics/css/swiper.min.css"/>
    <link rel="stylesheet" href="/public/statics/css/common.css"/>
    <link rel="stylesheet" href="/public/statics/css/css.css"/>
    <script src="/public/statics/js/jquery.min.js"></script>
    <script src="/public/statics/js/swiper.jquery.min.js"></script>
    <!--下面紧接title start-->
    <title>消息通知</title>
<!--上面紧接title end-->
</head>
<body>
<!--header-->
<header>
    <div class="header_top main">
        <a href="<?php echo U('Index/index');?>"><img class="header_logo" src="/public/statics/images/logo.png" width="135" height="30" alt=""/></a>
       <div class="header_slogan"> 一图一创新，一图一世界</div>
        <div class="header_search"><input class="text" type="text" placeholder="搜多关键字"/><input class="ser_btn" type="button" value="搜索"/></div>

        <?php if(session("tel")){ ?>

            <div class="header_my">
                <a class="photo" href="<?php echo U('My/index');?>"><img src="/public/statics/images/photo.png" alt=""/></a>
                <a class="msg" href="<?php echo U('My/msg');?>"><img src="/public/statics/images/xx.png" alt=""/></a>
                <a href="<?php echo U('Register/loginOut');?>" style="background: none; padding:0; font-size: 12px;">退出</a>
            </div>

        <?php }else{ ?>

            <div class="header_login"><a href="<?php echo U('Register/login');?>">登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="<?php echo U('Register/register');?>">注册</a></div>

        <?php } ?>

    </div>
    <div class="header_nav">
        <div class="main">
            <a href="<?php echo U('Index/index');?>" class="<?php if($nav == 1){echo 'on';} ?>">首页</a>
            <a href="<?php echo U('Index/hot');?>" class="<?php if($nav == 2){echo 'on';} ?> pr">热门 <img class="nav_hot" src="/public/statics/images/hot.png" width="37" height="17" alt=""/></a>
            <a href="<?php echo U('Index/info');?>" class="<?php if($nav == 3){echo 'on';} ?>">资讯</a>
            <a href="<?php echo U('Index/tech');?>" class="<?php if($nav == 4){echo 'on';} ?>">科技</a>
            <a href="<?php echo U('Index/life');?>" class="<?php if($nav == 5){echo 'on';} ?>">生活</a>
            <a href="<?php echo U('Index/fund');?>" class="<?php if($nav == 6){echo 'on';} ?>">基金</a>
            <a href="<?php echo U('Index/tel');?>" class="<?php if($nav == 7){echo 'on';} ?>">联系我们</a>
        </div>
    </div>
</header>
<!--header end-->
<!--header end-->
<div class="my_box main oh">
    <div class="my_left fl">
        <!--nav-->
        <ul>
    <li class="tit1">我的主页</li>
    <li class="<?php if($myNav == 1){ echo 'on'; } ?>"><a href="<?php echo U('My/index');?>">账号信息</a></li>
    <li class="<?php if($myNav == 2){ echo 'on'; } ?>"><a href="<?php echo U('My/personal');?>">个人主页</a></li>
    <li class="tit2">安全中心</li>
    <li class="<?php if($myNav == 3){ echo 'on'; } ?>"><a href="<?php echo U('My/resetPass');?>">修改密码</a></li>
    <li class="<?php if($myNav == 4){ echo 'on'; } ?>"><a href="<?php echo U('My/setTel');?>">手机绑定</a></li>
    <li class="<?php if($myNav == 5){ echo 'on'; } ?>"><a href="javscript:;">第三方绑定</a></li>
    <li class="tit2">消息中心</li>
    <li class="<?php if($myNav == 6){ echo 'on'; } ?>"><a href="<?php echo U('My/msg');?>">消息通知</a></li>
    <li class="<?php if($myNav == 7){ echo 'on'; } ?>"><a href="javscript:;">我的奖励</a></li>
</ul>
        <!--nav end-->
    </div>
    <div class="my_right fr">
        <div class="c_tit"><span>消息通知</span>
            <div class="handBtns">
                <!--<i class="pldel">批量删除</i>-->
                <i class="delsBtn">删除选中</i>
                <!--<i class="qxbtn">取消</i>-->
                <label class="label">全选<input id="quanx" type="checkbox"/></label>
            </div>
        </div>
        <div class="myr_cont oh">
            <div class="my_count_right" style="padding-left: 20px; padding-right: 20px; ">
                <div class="msgMode">
                    <img src="/public/statics/images/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
                <div class="msgMode">
                    <img src="/public/statics/images/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
                <div class="msgMode">
                    <img src="/public/statics/images/chuang.png" alt=""/>
                    <div class="cont">
                        <h2>2017年正确打开方式！<span>10/10 15:32</span></h2>
                        <div class="txt art_length">我的十一过后沮丧的小心情？在这里请尽情释放尘封了一个假期的满腹才华~2017年的第一个月，你准备好了吗？元旦加新年两个长假，魔都不安分的小伙伴已经开始蠢蠢欲动了吧。新年的第一个月绝不会让你失望</div>
                    </div>
                    <div class="hand">
                        <input class="danx" type="checkbox"/>
                        <div class="zkbtn">展开</div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>



<!--footer-->
<!--footer-->
<footer>
    <div class="main pr">
        <div class="saoDown">
            <div class="saoMa"><img src="/public/statics/images/ma.png" width="150" height="151" alt=""/></div>
            <div class="saotxt tc">[扫描下载APP]</div>
        </div>
        <div class="fot_top oh">
            <div class="fot_left f12 fl">
                <h2 class="f16 pb20">联系我们</h2>
                <p><span>电话：</span>400-88888888</p>
                <p><span>传真：</span>022-8888888</p>
                <p><span>邮箱：</span>service@tu.com</p>
            </div>
            <div class="fot_right fl">
                <h2 class="f16 pb10">关于我们</h2>
                <div class="fot_block f12">
                    <div style="padding-left: 22px; padding-top: 16px;">
                        <span style="color: #ee1c25;">一图一创新,一图一世界。</span>用户上传自己的创新案例,或分享发现的创新案例,并有良好的交互。<br />
                        碎片时代,全图片模式,较少阅读量;<br />
                        让眼球凝聚创新,让时间实现价值;<br />
                        每月每年会评选优秀创新奖,并发放奖励;
                    </div>
                </div>
            </div>
        </div>
        <div class="fot_bot f12">Copyright©2011-2017 tu365.com All Rights Reserved  版权所有∙ 天津创新世界有限公司</div>
    </div>
</footer>
<!--footer end-->
<script>
$(".my_left li:not('.tit1,.tit2')").click(function(){
    $(this).addClass("on").siblings().removeClass("on");
});

$(".art_length").each(function(){
    var txt = $(this).text();
    var len = txt.length;
    if(len>106){
        $(this).text(txt.substr(0,96));
        $(this).data("alls",txt);
        $(this).parents(".msgMode").find(".zkbtn").show();
    }
});
$(".zkbtn").click(function(){
    var alls = $(this).parents(".msgMode").find(".art_length").data("alls");
    $(this).parents(".msgMode").find(".art_length").text(alls);
    $(this).hide();
});

$(".danx").change(function(){
    isAll();
});
$("#quanx").click(function(){
    if(!$(this).prop('checked')){
        //未被选中
        $(".danx").prop("checked",false);
    }else{
        $(".danx").prop("checked",true);
    }
});
function isAll(){
    var iv = 1;
    $(".danx").each(function(){
        if(!$(this).prop('checked')){
            //有未被选中的
            iv = 2;
        }
    });
    if(iv == 1){
        $("#quanx").prop("checked",true);
    }else{
        $("#quanx").prop("checked",false);
    }
}

$(".delsBtn").click(function(){
    $(".danx").each(function(){
        if($(this).prop('checked')){
            $(this).parents(".msgMode").remove();

        }
    });
})
</script>
</body>
</html>